---
layout: default
---

<div id="hero">
	<div id="output">
		<div id="progressBar"></div>
		<!-- The video player will be added here -->
	</div>

	<!-- Statistics -->
	<div id="status" style="display:block;">
		<div>
			<span class="show-leech">Downloading </span>
			<span class="show-seed">Seeding </span>
			<code id="streamedFileName"></code>
			<span class="show-leech"> from </span>
			<span class="show-seed"> to </span>
			<code id="numPeers">0 peers</code>
		</div>

		<div>
			<code id="downloaded"></code> of <code id="total"></code> - <span id="remaining"></span>
		</div>

		<div>
			&#x2193; <code id="downloadSpeed">0 b/s</code> / <code id="uploadSpeed">0 b/s</code> &#x2191;
		</div>
	</div>
</div>

